<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
	<h:head>
		<title>Info</title>
		<h:outputStylesheet library="css" name="bootstrap.css" />
		<h:outputStylesheet library="css" name="bootstrap.min.css" />

	</h:head>
	<h:body>
		<div class="modal">
			<div class="modal-header">
				<h3>Info</h3>
			</div>
			<div class="modal-body" style="overflow: visible;">
				<h:form class="form-horizontal  modal-form">
					<div class="control-group">
						<h:outputLabel value="User Name*:" styleClass="control-label"
							for="inputUsername" />
						<div class="controls">
							<h:inputText id="inputUsername" value="#{infoBean.user.userName}"
								disabled="true" />
						</div>
					</div>
					<div class="control-group">
						<h:outputLabel value="Full Name*:" styleClass="control-label" />
						<div class="controls">
							<h:inputText id="inputFullrname"
								value="#{infoBean.user.fullName}" disabled="true" />
						</div>
					</div>
					<div class="control-group">
						<h:outputLabel value="E-mail*:" styleClass="control-label"
							for="inputEmail" />
						<div class="controls">
							<h:inputText id="inputEmail" value="#{infoBean.user.email}"
								disabled="true" />
						</div>
					</div>

					<div class="control-group">
						<h:outputLabel value="Notes:" styleClass="control-label"
							for="inputNotes" />
						<div class="controls">
							<h:inputText id="inputNotes" value="#{infoBean.user.notes}"
								disabled="true" />
						</div>
					</div>
					<div class="control-group">
						<h:outputLabel value="User history:" styleClass="control-label" />
						<div class="controls">
							<h:dataTable value="#{infoBean.user.userHistoryList}"
								styleClass="table table-bordered" var="data"
								style="background-color:#EEE">
								<h:column>
									<f:facet name="header">Action</f:facet>
									<h:outputText value="#{data.action}" />
								</h:column>
								<h:column>
									<f:facet name="header">Time</f:facet>
									<h:outputText value="#{data.time}" />
								</h:column>
							</h:dataTable>
						</div>
					</div>
				</h:form>
			</div>
			<div class="modal-footer">
				<a href="javascript:history.go(-1)" class="btn btn-primary">Back</a>
			</div>
		</div>
	</h:body>
</f:view>
</html>